    <section id="client" class="client-section bg-gray">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 mx-auto">
					<div class="client-slider owl-carousel owl-theme">
						<div class="client-item">
							<a href="#"><img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/1.png" alt="" /></a>
						</div>
						<div class="client-item">
							<a href="#"><img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/2.png" alt="" /></a>
						</div>
						<div class="client-item">
							<a href="#"><img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/3.png" alt="" /></a>
						</div>
						<div class="client-item">
							<a href="#"><img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/4.png" alt="" /></a>
						</div>
						<div class="client-item">
							<a href="#"><img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/5.png" alt="" /></a>
						</div>
					</div>
				</div>
				<!-- end col -->
			</div>
		</div>
		<!-- END CONTAINER -->
	</section>

<?php 



      echo '<style>


.client-slider.owl-theme .owl-nav div:hover {
    background: '.$main_color .';
}

</style>
      '; 
?>

